<%--
  Created by IntelliJ IDEA.
  User: Lenovo
  Date: 2025/8/29
  Time: 15:51
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
    <script type="text/javascript" src="js/jquery-1.8.3.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            // 页面加载时获取数据
            loadBookData();

            // 使用事件委托来绑定选择框变化事件
            $(document).on('change', "select[name='book_type']", function() {
                loadBookData();
            });
        });

        function loadBookData() {
            // 获取选择的图书分类
            var selectedType = $("select[name='book_type']").val();

            // 如果选择的是"--图书分类--"，传递-1
            if (selectedType === "--图书分类--") {
                selectedType = -1;
            }

            $.get("book/showdt", {
                book_type: selectedType,
                indexpage: 1
            }, function(list) {
                showdt(list);
            })
                .fail(function(jqXHR, textStatus, errorThrown) {
                    console.error("请求失败:", textStatus, errorThrown);
                    alert("数据加载失败，请稍后重试");
                });
        }

        function showdt(list) {
            // 清空表格内容
            $('#3').empty();

            // 检查是否有数据
            if (list.listIndex.length === 0) {
                $("<tr><td colspan='6' style='text-align: center'>暂无数据</td></tr>").appendTo('#3');
                $("tfoot td").empty();
                return;
            }

            // 遍历项目数据数组
            for (var i = 0; i < list.listIndex.length; i++) {
                var book = list.listIndex[i];
                var borrowButton = '';

                // 根据借阅状态显示不同的按钮
                if (book.is_borrow == 0) {
                    borrowButton = '<td><a href="update?book_id=' + book.book_id + '">借出</a></td>';
                } else {
                    borrowButton = '<td>已借出</td>';
                }

                // 创建表格行并添加到tbody
                $("<tr>" +
                    "<td>" + (book.book_id || '') + "</td>" +
                    "<td>" + (book.book_type || '') + "</td>" +
                    "<td>" + (book.book_name || '') + "</td>" +
                    "<td>" + (book.book_author || '') + "</td>" +
                    "<td>" + (book.publish_press || '') + "</td>" +
                    borrowButton +
                    "</tr>").appendTo('#3');
            }

            // 更新分页信息
            updatePagination(list);
        }

        function updatePagination(list) {
            // 清空分页区域
            $("tfoot td").empty();

            if (!list.pageCount || list.pageCount <= 1) {
                // 只有一页或没有数据时不显示分页
                return;
            }

            // 如果不是第一页，显示首页和上一页按钮
            if (list.pageIndex > 1) {
                $("<input type='button' value='首页' name='1'>").appendTo("tfoot td");
                $("<input type='button' value='上一页' name='" + (list.pageIndex - 1) + "'>").appendTo("tfoot td");
            }

            // 如果不是最后一页，显示下一页和尾页按钮
            if (list.pageIndex < list.pageCount) {
                $("<input type='button' value='下一页' name='" + (list.pageIndex + 1) + "'>").appendTo("tfoot td");
                $("<input type='button' value='尾页' name='" + list.pageCount + "'>").appendTo("tfoot td");
            }

            // 显示页码信息
            $("<b>第" + list.pageIndex + "页/共" + list.pageCount + "页</b>").appendTo("tfoot td");

            // 绑定分页按钮点击事件
            $("tfoot td input[type='button']").off('click').on('click', function() {
                var pageIndex = $(this).attr('name');
                var selectedType = $("select[name='book_type']").val();

                if (selectedType === "--图书分类--") {
                    selectedType = -1;
                }

                $.get("book/showdt", {
                    book_type: selectedType,
                    indexpage: pageIndex
                }, function(newList) {
                    showdt(newList);
                });
            });
        }
    </script>
</head>
<body>
<b style="text-align: center">吉软图书借阅系统</b>
<table id="1">
    <tr>
        <td>图书分类:
            <select name="book_type">
                <option value="-1">--图书分类--</option>
                <option value="1">古典文学</option>
                <option value="2">现代文学</option>
                <option value="3">计算机</option>
                <option value="4">艺术</option>
                <option value="5">科幻</option>
            </select>
        </td>
        <td>
            图书名称:<input type="text" name="boom_name">
        </td>
        <td>
            是否借阅:<select name="is_borrow">
            <option value="-1">--请选择--</option>
            <option value="1">未借出</option>
            <option value="0">已借出</option>
        </select>
        </td>
        <td><input type="submit"></td>
    </tr>
</table>
当前用户:<b>张三</b><a href="index.jsp">退出</a>
<table>
    <thead>
    <tr>
        <td>图书编号</td>
        <td>图书分类</td>
        <td>图书名称</td>
        <td>作者</td>
        <td>出版社</td>
        <td>借阅</td>
    </tr>
    </thead>
    <tbody id="3">
    </tbody>
    <tfoot>
    <td></td>
    </tfoot>
</table>
</body>
</html>
